<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>一个重要的内置关系</title>
    <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>

<!--
        1.一个重要的内置关系 ：   VueComponent.prototype.__proto__===Vue.prototype
        2.为什么要有这个关系：    让组件实例对象 vc 可以访问到 vue原型上的方法和属性
-->
    <div id="root">

    </div>

    <script>

//        //定义一个构造函数
//        function Demo(){
//            this.a=10
//            this.b=20
//        }
//
//        //创建一个demo实例对象
//       const d=new Demo();
//
//        console.log(Demo.prototype)   //显示原型属性
//        console.log(d.__proto__)  //隐式原型属性
//
//        console.log(Demo.prototype===d.__proto__)   //ture
//
//        //程序员通过显示圆形属性 操作原型对象 追加一个x属性值为99
//        Demo.prototype.x=99
//
//        console.log("@",d.__proto__.x)


const school = Vue.extend({
    name: 'School',
    template: '<div> <h3>学校：{{school}}</h3>\n' +
        '        <h3>地址：{{dizhi}}</h3><button @click="showname">点我显示学校</button></div>>',
    data() {
        return {
            school: '超神学院',
            dizhi: '扭曲丛林',
        }

    }

})

        new Vue({
            el: '#root',
            data: {
                msg:'你好恕瑞玛'
            },
        })
        console.log(school.prototype.__proto__===Vue.prototype)
    </script>
</body>
</html>